<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>提币-USDT</title>
    <link rel="stylesheet" href="../assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="../assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../assets/css/app.css">
    <link rel="stylesheet" href="../assets/css/animate3.1.5.css">
    <script src="../assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="../assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="../assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>

<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav">
    <a url="./我的资产-交易账户.html" class="mui-icon mui-icon-back dark"></a>
    <h1 class="mui-title black bold">
        提币-USDT
    </h1>
    <a url="./我的资产-充币记录.html" class="f_r">
        <img class="mui-icon image-icon " style="opacity: 0.5" src="../assets/image/xhdpi-v4/c2c.png">
    </a>
</header>
<!-- 头部状态栏end -->

<form id="form" action="">
    <div class="mui-row bg-white font14 p_t44 line35 p_x20">
        <div class="mui-col-sm-12 mui-col-xs-12 dark p_t20">
            提币地址
        </div>
        <div class="mui-col-sm-10 mui-col-xs-10">
            <input id="address" name="address" type="text" class="mui-input-clear input-light font14"
                   placeholder="输入或长按粘贴地址">
        </div>
        <div class="mui-col-sm-2 mui-col-xs-2 p_l15">
            <span onclick="openSide()" class="mui-icon mui-icon-map line40 blue bold"></span>
        </div>
    </div>
    <div class="mui-row bg-white font14 line35 p_x20">
        <div class="mui-col-sm-12 mui-col-xs-12 dark">
            数量
        </div>
        <div class="mui-col-sm-10 mui-col-xs-10">
            <input id="nums" type="text" name="nums" class="mui-input-clear input-light font14" placeholder="最小提币数量1.0">
        </div>
        <div class="mui-col-sm-2 mui-col-xs-2 p_l5">
            <span class="mui-btn mui-btn-grey mui-btn-mini line25" id="setAll" data-value="100.00">全部</span>
        </div>
    </div>
    <div class="mui-row bg-white font14 line35 p_x20">
        <div class="mui-col-sm-12 mui-col-xs-12 dark">手续费</div>
        <div class="mui-col-sm-6 mui-col-xs-6 red">20.0%</div>
        <div class="mui-col-sm-6 mui-col-xs-6 a_r font12 black">USDT</div>
    </div>
    <div class="mui-row bg-white font14 line35 p_x20">
        <div class="mui-col-sm-12 mui-col-xs-12 dark">
            验证码
        </div>
        <div class="mui-col-sm-6 mui-col-xs-6">
            <input type="text" class="mui-input-clear input-light font14" placeholder="验证码">
        </div>
        <div class="mui-col-sm-2 mui-col-xs-2 p_l5">
            <button type="button" id="getCode" class="mui-btn mui-btn-primary mui-btn-mini line25">发送
            </button>
        </div>
    </div>

    <div class="mui-row bg-white font14 line35 p_x20">
        <div class="mui-col-sm-6 mui-col-xs-6 dark">到账数量</div>
        <div class="mui-col-sm-6 mui-col-xs-6 a_r dark bold">--USDT</div>
    </div>

    <div class="mui-row bg-white p_y25 font14 p_x15">
        <button type="button" onclick="__submit('#form')" class="mui-btn mui-btn-primary w100 radius20 line30">提币
        </button>
    </div>
</form>


<!-- 地址列表弹框start -->
<div class="lib-aside lib-aside-down shadow2 animated" style="width: 80%;">
    <div class="mui-row">
        <div class="mui-col-xs-11 mui-col-xs-11">
            <h4 class="black p_x10 line30 font14">地址列表选择</h4>
        </div>
        <div class="mui-col-xs-1 mui-col-sm-1">
            <i class="mui-icon mui-icon-closeempty f_r text-danger p_x5 line30" onclick="closeSide()"></i>
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-xs-12 mui-col-sm-12 p_y10 bg-white">
            <!-- 暂无数据占位符 -->
            <!--<p class="no-data">暂无数据</p>-->

            <table class="table font14">
                <tr>
                    <th class="text-center black normal font12">
                        <a href="#">地址</a>
                    </th>
                    <th class="text-center black normal font12">
                        <a href="#">备注</a>
                    </th>
                    <th class="text-center black normal font12">
                        <a href="#">操作</a>
                    </th>
                </tr>
                <tr>
                    <td class="text-center">AFFD54554GDASD1235</td>
                    <td class="text-center">备注说明</td>
                    <td class="text-center">
                        <i onclick="destroy(1,'/destroy')" class="mui-icon mui-icon-trash m_x5 text-danger font18"></i>
                        <a url="./提币地址-编辑.html" class="mui-icon mui-icon-compose blue font20"></a>
                        <i onclick="checkAddress('AFFD54554GDASD1235')"
                           class="mui-icon mui-icon-checkmarkempty blue font20"></i>
                    </td>
                </tr>
                <tr>
                    <td class="text-center">GADG54554GDASD1235</td>
                    <td class="text-center">龙哥</td>
                    <td class="text-center">
                        <i onclick="destroy(2,'/destroy')" class="mui-icon mui-icon-trash m_x5 text-danger font18"></i>
                        <a url="./提币地址-编辑.html" class="mui-icon mui-icon-compose blue font20"></a>
                        <i onclick="checkAddress('GADG54554GDASD1235')"
                           class="mui-icon mui-icon-checkmarkempty blue font20"></i>
                    </td>
                </tr>
            </table>
        </div>
    </div>

</div>
<!-- 地址列表弹框end -->
</body>

</html>
<script>

    // 地址选择
    function checkAddress(address) {
        document.getElementById('address').value = address;
        closeSide();
    }

    // 全部数量
    mui(document).on('click', '#setAll', function (e) {
        document.getElementById('nums').value = e.target.dataset.value;
    })

    // 发送手机验证码
    mui(document).on('tap', '#getCode', function (e) {
        // 发送验证码倒计时
        sendCodeTiming(e.target, 60);
        __get('发送验证码的地址');

    })
</script>